import React from 'react';
import styled from 'styled-components'
import PersonalInfo from './components/PersonalInfo';
import Projects from './components/Projects';
import Skills from './components/Skills';
import WorkExperience from './components/WorkExperience';
import './App.css';
import OtherUrls from './components/OtherUrls';
import Education from './components/Education';

const CvWrapper = styled.article`
  width: 21cm;
  min-height: 29.7cm;
  background: white;
  margin: 0 auto;
  overflow: auto;
  padding: 1em;
  @media (max-width: 500px){
    width: auto;
    height: auto;
  }
`;


function App() {
  return (
    <CvWrapper>
      <PersonalInfo />
      <Projects />
      <Skills />
      <WorkExperience />
      <OtherUrls />
      <Education />
    </CvWrapper>
  );
}

export default App;
